<template>
  <div class="step2">
    <el-form
      ref="selectedStudent"
      :model="selectedStudent"
      :rules="rules"
      label-width="80px"
    >
      <el-form-item label="电话" prop="tips1">
        <el-input v-model="selectedStudent.telephone"></el-input>
      </el-form-item>
      <el-form-item label="地址" prop="tips2">
        <el-input v-model="selectedStudent.address"></el-input>
      </el-form-item>
    </el-form>
  </div>
</template>
<script>
import { mapState, mapGetters } from "vuex";
export default {
  name: "step2",
  data() {
    return {
      rules: {
        tips1: [{ required: true, message: "输入不能为空", trigger: "blur" }],
        tips2: [{ required: true, message: "输入不能为空", trigger: "blur" }],
      },
    };
  },
  computed: {
    ...mapState({
      student: "getstudents",
    }),
    ...mapGetters(["selectedStudent"]),
  },
};
</script>
